// window.onload
pub.bind(window, 'load', function () {
    
    var span = document.querySelector('.topbar_register span');
    var i = document.querySelector('.topbar_register i');
    var dls = document.querySelector('.topbar_register .box-tan');
    var out = document.getElementsByClassName('box-tc')[0];
    // console.log(span,i,dls,out);
    if (localStorage.login == 'true') {
        span.style.display = 'none';
        i.style.display = 'block';
        i.onmouseenter = function () {
            dls.style.display = 'block';
            out.onclick = function () {
                localStorage.login = false
                history.go(0);
            }
            dls.onmouseleave=function(){
                dls.style.display='none';
            }
        }
    } else {
        span.style.display = 'block';
        i.style.display = 'none';
    }

    // 渲染主题的内容
    var tbul = document.querySelector('.box-zs');
    var far = online;
    function autoxz(data){
        var tbur = '';
        for (var i = 0; i < data.length; i++) {
            tbur += '<li class="box-zhanshi clearfix">\
                    <img src="'+ data[i].src + '" alt="">\<dl>\
                    <dt>'+ data[i].title + '</dt>\
                    <dd>'+ data[i].time + '课时</dd>\
                    </dl>\
                    <a href="./detail.html" target="_blank" title="免费学习" class="zs-money">' + (data[i].isFree ? '免费学习' : '付费学习') + '</a>\
                </li>';
        }
        // console.log(tbur);
        // 这里走一个判断，判断是否该学科的内容为空
        if(tbur==''){
            tbul.innerHTML='<h2>该学科没有内容</h2>'
        }else{
            tbul.innerHTML = tbur;
        }
    }
    autoxz(far);
   
    // 获取学科里面所有的a标签
    var as = document.querySelectorAll('.lb_xk a');
    console.log(as);
    // 利用循环给每一个a标签添加点击事件
    for (var i = 0; i < as.length; i++) {
        as[i].onclick = function () {
            // 获取每一个点击标签的上的tag的属性值
            var dd = this.getAttribute('tag');
            console.log(dd);
            // 这里走一个判断，判断他的属性值是否是all
            if (dd == 'all') {
                var data = online;
            } else {
                // 通过判断得到的它的属性值为学科，再走一个数组的循环，筛选学科为相同的数据，返回学科相同的数据
                var data = online.filter(function (v, s) {
                    console.log(v.subject);
                    return v.subject == dd;
                })
            }
            console.log(data);
            // 再调用渲染的函数，在渲染学科相同的数据
            autoxz(data);    
    }
}
// 鼠标移到课程，显示付费和机构选项
var searchbox=document.querySelector('.searchbox_course');
var sul=document.querySelector('.searchbox_course ul');
var i=document.querySelector('.searchbox_course i');
console.log(searchbox,sul,i);
searchbox.onmouseenter=function(){
    sul.style.display='block';
    i.style.transform='rotate(-90deg)';
}
searchbox.onmouseleave=function(){
    sul.style.display='none';
    i.style.transform='';
    }
})